// 登录
let loginApp=new Vue({
    el:"#loginApp",
    data:{
        oms_username:"", // 登录用户名
        oms_password:"",    //登录密码
        oms_forgotEmail:"", //忘记邮箱

        forgotEmail:"",

        oms_appName:"", //浏览器信息
        oms_appVersion:"", //浏览器版本
        oms_appPlatform:"", //操作系统
        oms_Online:false,  // 在线状态
        oms_windowScreen:"",    // 屏幕分辨率
        oms_windowColorDepth:"", //颜色
        oms_userAgent:"",   //用户代理
    },
    methods:{
        //账户登录
        login:function(){
            let form=new FormData();
            form.append("client_id","omsClientID");
            form.append("client_secret","omsPassword");
            // grant_type的值所代表的是你登录使用的授权类型是什么，这里是password密码登录
            form.append("grant_type","password");
            form.append("username",this.username);
            form.append("password",this.password);
            axios({
                url:"http://localhost:9000/auth/token",
                method:"post",
                data:form
            }).then(function(response){
                //alert(response.data.access_token);
                console.log(response.data.access_token);
                //将我们获得的Jwt保存到浏览器(客户端)
                //浏览器保存信息的方式有两种
                //1.cookie
                //2.localStorage
                //将Jwt保存到localStorage
                window.localStorage.setItem("accessToken",response.data.access_token);
                //能运行到这里就是登录成功了!
                //登录成功,跳转到index.html判断身份跳转首页
                location.href="/index.html"
            }).catch(function(error){
                //登录失败运行这里,输出错误信息
                console.log(error);
            })
        },
        // 忘记密码 邮箱验证
        forgotPassword:function () {
            let form=new FormData();
            form.append("forgotEmail",this.forgotEmail);
            axios({
                url:"http://localhost:9000/auth/user/forgotPassword",
                method:"post",
                data:form
            }).then(function (respose) {
                if (respose.data === "OK"){
                    // 通过邮箱验证，已发送验证码
                    alert("重置密码已经发送至你的邮箱")
                }else{
                    // 通过邮箱发送验证失败
                    alert("您的邮箱不正确，请确认是否正确绑定邮箱")
                }
            }).catch(function (error){
                // 通过邮箱发送验证失败，输出错误信息
                alert(error)
            })
        },
        // 获取浏览器信息
        getBrowserInfo:function () {
            this.oms_appName = navigator.appName;
            this.oms_appVersion = navigator.appVersion;
            this.oms_appPlatform = navigator.platform;
            this.oms_Online = navigator.onLine;
            this.oms_windowScreen = window.screen.width+"x"+window.screen.height;
            this.oms_windowColorDepth = window.screen.colorDepth+"位";
            this.oms_userAgent = navigator.userAgent;
        }

    },
    created:function(){
        //在页面加载完毕之后立即运行加载UserVo的方法
        this.getBrowserInfo();
    }
})